﻿
<!--
	uc浏览器，有时不能更新。
	chrome浏览器，有时显示hashcode错误
	g14自带浏览器，有时不显示
	webkit 重叠显示前一个场景
-->

<html>
<head>
	<title>移动版三维模拟倒车入库（测试版）——驾驶技术网</title>
	<meta name="Keywords" content="移动版三维模拟倒车入库" />
	<meta name="Description" content="适用手机或平板，感应操作模仿实际驾驶，如身监其境。可以走着练，站着练，坐着练，躺着练，流量很少，还能离线练。" />
	
	<!--与数据库页面标题相连-->
	<meta id="titlelink" content="移动版倒车入库模拟练习20140411" />
	
	<!-- 以下四个标签
	第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开，如果不规范将不会起作用；
	第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；
	第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；
	第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话号码。
	-->
	<!--<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0" name="viewport" />
	<meta content="width=device-width; user-scalable=1" name="viewport" />-->
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black-translucent" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />

	<!--<script type="text/javascript" src="scripts/script.min.js"></script>-->
	<script src="../Scripts/jquery.min.161.js" type="text/javascript"></script>
	<script type="text/javascript" src="scripts/three.js"></script>
	<script type="text/javascript" src="scripts/car.js"></script>
	<script type="text/javascript" src="scripts/autopilot.js"></script>
	<script type="text/javascript" src="scripts/operation.js"></script>
	<script type="text/javascript" src="scripts/script.js"></script>
	<script type="text/javascript" src="scripts/js.js"></script>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div class="title">
		移动版三维模拟倒车入库（测试版）—— 驾驶技术网
	</div>
	<table class="navigation">
		<tr>
			<td id="nav">
				<a class="btna" href="#guider">操作指南</a><a class="btna" href="#step1">
	倒车入库步骤
</a><a class="btna" href="#skill">
	倒车入库技巧
</a><a class="btna" href="#comments">评论</a>
			</td>

			<td id="userlogined">
				<span id="idusername" onclick="window.location='/admin'"></span>&nbsp;&nbsp;&nbsp;
				<a class="btna" id="idlogout" href="#">注销</a>
			</td>
			<td class="userinlogin">
				用户名 <input id="inpusername" type="text" />&nbsp;
				密码 <input id="inppassword" type ="password" />&nbsp;
				<a id="rightLoginBtn" class="btna" href="#">登录
				</a><a href="register.html" class="btna">注册</a>
			</td>
			<td id="userloading">User loading...</td>
		</tr>
	</table>

	<div class="as970x90">

		<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
		<!-- ad970x90 -->
		<ins class="adsbygoogle"
			 style="display:inline-block;width:970px;height:90px"
			 data-ad-client="ca-pub-2733994180506707"
			 data-ad-slot="6680279193"></ins>
		<script>
			(adsbygoogle = window.adsbygoogle || []).push({});
		</script>
</div>
		<div class="flash">
			<div id="frame">
				<div id="leftview"></div>
				<div id="leftbackview"></div>
				<div id="mainview"></div>
				<div id="rightview"></div>
				<div id="rightbackview"></div>
				<div id="topview">
					<canvas id="topscene" width="454" height="254"></canvas>
					<canvas id="car" width="454" height="254"></canvas>
				</div>
			</div>

			<div id="overlay"><img id="imgpng1" src="images/png1.png" /></div>
			<div id="command">
				<canvas id="operation" width="200" height="200"></canvas>
				<div id="next"></div>
				<div id="previous"></div>
				<!--<div id="help"></div>-->
				<div id="go"></div>
				<div id="hidecar" class="styl">点击这里隐藏/显示汽车</div>
				<div id="stepbystep" class="styl">
					1. 右侧倒车入库
				</div>
			</div>
			<div id="focus">
				<img src="images/circle.png" /><br />
				<span id="prompt">当车头接近7米线时左转弯</span>
			</div>
		</div>

		<div class="explain">
			<ul id="guider">
				操作指南&nbsp;&nbsp;&nbsp;
				<a href="#frame">返回顶部</a>
				<li>适用手机和平板，要求有重力感应功能。在浏览器上输入地址：<a href="/m">dri8.com/m </a> 第一次使用可能需要一分钟载入数据。如果练习中显示不正常，请安装UC或其它浏览器。</li>
				<li>建议横屏使用，双击屏幕自动调整到最佳宽度，调整图像位置，让练习画面充满屏幕。可以坐着玩，平躺着玩（屏幕朝下），但不能侧躺着玩。第一次使用约需几百k流量，以后每打开一次约几k流量，离线也能练习。</li>
				<li>按钮说明：<a class="imgbtn go"></a>自动演示/暂停，<a class="imgbtn previous"></a>回到当前步骤的起始位置，<a class="imgbtn next"></a>跳到下一步。</li>
				<li>左上角的井字格是感应操作区，横屏状态，调整到比较舒服的姿势（站坐躺均可），点击井字格，切换到感应操作状态。</li>
				<li>向前翻转是前进，向后翻转是后退，左下右上是左转弯，左上右下是右转弯，注意，如果屏幕是水平的，转弯是上下转动而不是水平转动，移动和转弯可同时进行。</li>
				<li>如果感应操作方向相反，把设备竖直放置，再横屏就能恢复正常。</li>
			</ul>
			<ul id="step1">
				步骤一、右侧倒车入库&nbsp;&nbsp;&nbsp;
				<a href="#frame">返回顶部</a>
				<li>启动，挂倒档倒车。横线移到左后视镜下方时，向右打满轮。</li>
				<li>适当回轮，从右后视镜观察，调整车后轮不压库角，尽量接近库角。车尾过库角后再打满。</li>
				<li>车快正时回正轮，小幅调整车位到库中间。库边线到左后视镜下方时停车。</li>
			</ul>
			<ul id="step2">
				步骤二、左侧出库&nbsp;&nbsp;&nbsp;
				<a href="#frame">返回顶部</a>
				<li>一档起步，车头线接近七米线时向左打满轮</li>
				<li>车快正时回轮，调正车方向，后视镜看见横线时停车</li>
			</ul>
			<ul id="step3">
				步骤三、左侧倒车入库&nbsp;&nbsp;&nbsp;
				<a href="#frame">返回顶部</a>
				<li>挂倒档倒车。横线移到左后视镜下方时，向左打满轮。</li>
				<li>适当回轮，从左后视镜观察，调整车后轮不压库角，尽量接近库角。车尾过库角后再打满。</li>
				<li>车快正时回正轮，小幅调整车位到库中间。库边线到左后视镜下方时停车。</li>
			</ul>
			<ul id="step4">
				步骤四、右侧出库&nbsp;&nbsp;&nbsp;
				<a href="#frame">返回顶部</a>
				<li>一档起步，车头线接近七米线时向右打满轮</li>
				<li>车快正时回轮，调正车方向，后视镜看见横线时停车</li>
			</ul>
			<ul id="skill">
				倒车入库技巧&nbsp;&nbsp;&nbsp;
				<a href="#frame">返回顶部</a>
				<li>倒库过程中的关键点是车后轮不压库角线，尽量接近库角，操作方法是从后视镜看车身的延长线接近库角时适当回轮，车尾过库角后再打满。</li>
				<li>调正车进库后调整方法是，车快正时回轮，调正车方向，后视镜看见横线时停车</li>
				<li>除车身相对库角的点位外，其它点位与身高车型座椅位置有关，要要根据实际情况适当调整。</li>
			</ul>

			<div id="comments">
				<div>
					&nbsp;<img src="/images/comment1.gif" />&nbsp;评论&nbsp;&nbsp;&nbsp;<span id="popularity"></span>&nbsp;&nbsp;&nbsp;
					<a href="#frame">返回顶部</a>
				</div>
				<div id="commentlist">
					<br />&nbsp; <img src="/images/waiting.gif" />&nbsp;&nbsp;载入评论，请稍候。<br /><br />
				</div>
				<div class="separation10"></div>
			</div>
			<div id="commentpages"></div>
			发表评论，最多500字符 <a href="#frame">返回顶部</a><br />
			<div><textarea id="commenttext" cols="20" rows="2"></textarea></div>
			<div style="width:100%">
				<input id="commentaddbtn" value="&nbsp;&nbsp;发 表&nbsp;&nbsp;" type="button" disabled="disabled" />
				<span class="userinlogin">&nbsp;&nbsp;&nbsp;&nbsp;建议 <a href="#nav">登录</a> 后发表评论。没有帐号？<a href="register.html">快速注册</a></span>
			</div>
		</div>

</body>
</html>
